<template>
  <v-app style="height: 600px">
    <!-- 侧边栏 -->
    <v-navigation-drawer app v-model="drawer">
      <slot name="Navigation"></slot>
    </v-navigation-drawer>
    <!-- 顶部 -->
    <v-app-bar app>
      <slot name="AppBar"></slot>
    </v-app-bar>
    <!-- 内容主体 -->
    <v-main>
      <v-container fluid>
        <slot name="Main"></slot>
      </v-container>
    </v-main>
    <!-- 底部 -->
    <v-footer app>
      <slot name="Footer"></slot>
    </v-footer>
  </v-app>
</template>

<script lang="ts" setup>
const drawer = ref<boolean>(false);
</script>
